<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>知音培训信息管理平台登录</title>
<script type="text/javascript" src="__PUBLIC__/Resourse/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Resourse/js/jquery.cookie.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/themes/default/easyui.css" id="easyuiTheme">
<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Resourse/js/changeEasyuiTheme.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/themes/icon.css">
<script type="text/javascript" src="__PUBLIC__/Resourse/js/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/css/index.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/css/login/login.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/css/login/core.css">
<style>
	.layout-button-up{
		background: url('__PUBLIC__/Resourse/themes/gray/images/layout_arrows.png') no-repeat -16px 0;
	}
	.layout-button-down{
		background: url('__PUBLIC__/Resourse/themes/gray/images/layout_arrows.png') no-repeat -16px -16px;
	}
	.layout-button-left{
		background: url('__PUBLIC__/Resourse/themes/gray/images/layout_arrows.png') no-repeat 0 0;
	}
	.layout-button-right{
		background: url('__PUBLIC__/Resourse/themes/gray/images/layout_arrows.png') no-repeat 0 -16px;
	}
	.cs-north-bg {
		width: 100%;
		height: 100%;
		background: url(‘__PUBLIC__/Resourse/themes/gray/images/header_bg.png’) repeat-x;
	}
	body
  	{ 
  		 /**background-image: url('__PUBLIC__/Images/loginBkgd.jpg'); **/
  		background-color: white;
  	}
.formText {
	width : 150px;
}  
.lotusLogin .lotusLogo, .lotusLoginLogo{position:absolute;top: 45px;left:22px;white-space:nowrap}
.lotusLogin .lotusLoginBox{background-image:url('__PUBLIC__/Images/loginBkgd.jpg');}
body.lotusui {color:#222;background-color:#cee1fc;}
.lotusLogin .lotusLoginBox{width:619px;margin: 130px auto;padding:0;background-position:left top;background-repeat:no-repeat;border:1px solid #bbb;background-color:#fff;}
.lotusBtnSpecial a, .lotusBtnSpecial a:visited, input.lotusBtnSpecial, button.lotusBtnSpecial, input.lotusFormButton, button.lotusFormButton, .lotusBtnImg{color:#ffffff;background-color:#2c86eb;background-image:url(themeImages/lotusThemeSprite-8bit.png);background-position:0 -1350px}
</style>
 <script language="JavaScript">
<!--
	var PUBLIC	 =	 '__PUBLIC__';
	function keydown(e){
		var e = e || event;
		if (e.keyCode==13)
		{
			//ThinkAjax.sendForm('form1','__URL__/checkLogin/',loginHandle,'result');
			login();
		}
	}
	
	function showProcess(isShow, title, msg) {
			if (!isShow) {
				$.messager.progress('close');
				return;
			}
			var win = $.messager.progress({
				title: title,
				msg: msg
			});
		}
	
	function fleshVerify(){
		//重载验证码
		var timenow = new Date().getTime();
		$('#verifyImg').attr('src','__URL__/verify/'+timenow);
	}
	
    function login(){
    	var t = $('#verify');
    	if (t.val() == "") {
    		$.messager.alert('消息','验证码不能为空!','info');
    		t.focus();
    		return;
    	}
    	
      var account = $("#account").val();
	  var password = $("#password").val();
	  var verify = $("#verify").val();
 
       $('#loginForm').form('submit',{  
        	url: '__URL__/checkLogin/',  
            onSubmit: function(){  
            	var chk = $(this).form('validate');
            	if(chk){
            		showProcess(true, '温馨提示', '正在登录...');
            	}
            	return chk;  
            },  
            success: function(result){  
                var result = eval('('+result+')');  
                if (result.success){           
                	//$.messager.alert('消息','登录成功!','info');
                	window.location.href='__APP__/Index/index';
                 } else {  
                    //$.messager.show({  title: 'Error',  msg: result.errorMsg});  
                    showProcess(false);
                	$.messager.alert('消息',result.errorMsg,'error');
                 }  
             }  
         }); 
	  }
    
    $(document).ready(function(){
    	  $("#account").focus();
    });
    
    
//-->
</script>
</head>
<body class="lotusLogin lotusui">
	<div class="lotusLoginBox">
	<div class="lotusLoginContent">
	<div class="lotusLogo hesongLogo"><span class="lotusAltText">Lotus &lt;Product Name&gt;</span></div>
	<img src="__PUBLIC__/images/GenericApp_175x175.png" width="175" height="175">
		<div class="lotusLoginForm">
			<form id="loginForm" method="post" style="padding:10px 20px 10px 40px;">  
				<div id="loginDiv" style="display:block">
				<div id="userNameDiv">
					<label for="account">账号: 
					</label>
					<input id="account" name="account" type="text"  class="easyui-validatebox formText" data-options="required:true" missingMessage="不能为空" >
				</div>								
				<div id="passwordDiv">
					<label for="password">密码:</label>
					<input name="password" type="password"  class="easyui-validatebox formText" data-options="required:true" missingMessage="不能为空"  style="width:150px">
				</div>	
				<div id="authCodeDiv">
					<label for="authCode">验证码:</label>
		         <input id="verify" name="verify" class="easyui-validatebox formText" onKeyDown="keydown(event)">
		         <img SRC="__URL__/verify/"  BORDER="0" ALT="点击刷新验证码" id="verifyImg" onClick="fleshVerify()" style="cursor:pointer;position:relative;top:0px;left:0px">
				</div>	 
				<div class="lotusBtnContainer">
					<input type="button" class="lotusBtn lotusBtnSpecial lotusLeft" value="登陆" aria-required="true" onclick="login()">
					<input type="button" class="lotusBtn lotusBtnSpecial lotusLeft" value="重置" aria-required="true" onclick="$('#loginForm').form('clear');">
				</div>
				</div>
			</form>
		</div><!-- end loginText -->
	</div>
	<div class="lotusDescription">
</div>
</div><!-- end loginContent -->

<table class="lotusLegal" cellspacing="0" role="presentation">
<tbody><tr>
	<td></td>
</tr>
</tbody></table>
</body>
</html>